<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス basetrackgroup</title>
  <othercredit role="translator">
    <firstname>Atuo</firstname>
    <surname>Seki</surname>
        <contrib>2006/04/27　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Basetrackgroup">
    <lztier>Base Component</lztier>
    <lzcategory>view</lzcategory>
    <lzshortdesc>
             マウストラックイベントのグルーピング。
    </lzshortdesc>
    <lztag>base/basetrackgroup.xml</lztag>
</lzelement>

<p>マウスボタンが押された状態でview間をカーソルで動かす時の、トラッキングを単純化
するユーティリティークラス。trackgroupを作るには、ユニークなIDそして各viewの関連を
trackgroupに登録しなければなりません。</p>

<p><classname>basetrackgroup</classname>は自動的に処理します。
ユニークなtrackgroup名を作成し自動的にグループのトラックしたサブviewを登録します。
開発者はサブviewを反応させるため、mousetrackイベントのメソッドを作成する必要があります。
</p>

<p>以下の例では長方形の<classname>basetrackgroup</classname>
を横１列にレイアウトし４つの色で表したものです。この長方形はmoustrackイベントに応じて、
バックグラウンドの色を変えます。長方形の上でマウスを押し、他の長方形にドラッグしてみてください。
</p>

<example>
&lt;canvas height="200"&gt;
    &lt;include href="/base/basetrackgroup.lzx"/&gt;
    &lt;class name="testview"  bgcolor="red" width="100%" height="30" clickable="true"&gt;
    &lt;method event="onmousetrackover"&gt;
      this.setHilite(true);
    &lt;/method&gt;

    &lt;method event="onmousetrackout"&gt;
      this.setHilite(false);
    &lt;/method&gt;

    &lt;method event="onmousetrackup"&gt;
      this.setSelect(true);
    &lt;/method&gt;

    &lt;method name="setHilite" args="ishilite"&gt;
     if (ishilite ) this.setBGColor(0x00FF00);
     else this.setBGColor(0xFF0000)
    &lt;/method&gt;

    &lt;method name="setSelect" args="isSelect"&gt;
      if (isSelect) this.setBGColor(0x0000FF);
      else this.setBGColor(0xFF0000)
    &lt;/method&gt;
  &lt;/class&gt;

  &lt;basetrackgroup x="20" y="20" width="100" height="200"&gt;
    &lt;testview name="v1"/&gt;
    &lt;testview name="v2"/&gt;
    &lt;testview name="v3"/&gt;
    &lt;testview name="v4"/&gt;
    &lt;simplelayout axis="y" spacing="10"/&gt;
  &lt;/basetrackgroup&gt;
&lt;/canvas&gt;
</example>
</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
